* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}
html {
  font-size: 10px;
  height: 100%;
  overflow: hidden;
}
body {
  background: #ededed;
  font-size: 100%;
  line-height: 1.8;
  color: #333333;
  font-family: "PingFang SC", "Hiragino Sans GB", "Heiti SC", "Microsoft YaHei",
    "WenQuanYi Micro Hei";
  height: 100%;
  overflow: hidden;
}
image {
  width: 100%;
  height: 100%;
  display: block;
}

input,
button {
  font-size: 100%;
  overflow: inherit;
  color: #333333;
  outline: none;
  border: none;
}
button::after {
  border: none;
}
ul,
li {
  list-style: none;
}

#app {
  height: 100%;
  overflow: hidden;
}

.fade-enter-active {
  transition: opacity 1s;
}
.fade-leave-active, .fade-enter, .fade-leave-to {
  opacity: 0;
}